<!-- 货盘预测 -->
<template>
  <div class="mainTable">
    <BaseTable :query="query" :tableItems="tableItems" :updateItems="updateItems" :optionList="optionList"
      :methodParam="methodParam" :Btn="Btn" menuName="logRecord" pageName="mainTable" />
  </div>
</template>
<script>
import dayjs from "dayjs"
import BaseTable from "../../table/hpycTable.vue";
export default {
  name: "hpyc",
  data() {
    return {
      //后端人员修改-S
      //查询参数
      query: [
        { prop: "sixtyNineCode", type: "input", placeholder: "请输入69码", value: "6921443500799", name: "69码" },
        { prop: "goodActualPrice", type: "input", placeholder: "请输入数值", value: "12", name: "参考价" },
        { prop: "channel", type: "input", placeholder: "请输入", value: "推广", name: "渠道" },
        { prop: "referenceBeginDate", type: "singleTime", placeholder: "请输入", value: "2024-01-18", name: "开始时间" },
        { prop: "referenceEndDate", type: "singleTime", placeholder: "请输入", value: "2024-01-20", name: "结束时间" },
        { prop: "rateLow", type: "input", placeholder: "请输入最低价波动系数", value: "1", name: "最低价波动系数" },
        { prop: "rateRef", type: "input", placeholder: "请输入参考价波动系数", value: "1", name: "参考价波动系数" },
        { prop: "platform", type: "select", placeholder: "", value: "天猫", name: "平台" },
        { prop: "activityKind", type: "input", placeholder: "非必填", value: "三八大促", name: "活动类型" },
        { prop: "activityTime", type: "input", placeholder: "非必填", value: "三八大促期间", name: "活动时间" },
        // { prop: "goodSeries", type: "input", placeholder: "非必填", value: "", name: "商品系列" },

        // {
        //   prop: "searchTime", type: "time", placeholder: "",
        //   // value: GlobalSetting.fakeTime ?? [dayjs(new Date()).add(-1, 'days').format("YYYY-MM-DD"), dayjs(new Date()).format("YYYY-MM-DD")],
        //   value: ["2023-02-05", "2024-02-07"],
        //   name: "查询时间"
        // },
      ],
      //表格表头
      tableItems: [

        // { name: "数据生成时间", prop: "数据生成时间", align: "left" },
        { name: "平台", prop: "平台", align: "left" },
        { name: "渠道", prop: "渠道", align: "left" },
        { name: "活动类型", prop: "活动类型" },
        { name: "活动时间", prop: "活动时间" },
        { name: "商品系列", prop: "商品系列" },
        { name: "商品69码", prop: "商品69码", align: "left" },
        { name: "商品产品组合", prop: "商品产品组合", align: "left" },
        { name: "商品到手价", prop: "商品到手价" },
        { name: "参考数据起始日期", prop: "参考数据起始日期", align: "left" },
        { name: "参考数据结束日期", prop: "参考数据结束日期", align: "left" },
        { name: "预测销售倍数", prop: "预测销售倍数" },
        { name: "预测可销售件数", prop: "预测可销售件数" },
        { name: "预测销售额", prop: "预测销售额" },
        { name: "零售价", prop: "零售价" },
        { name: "开单价", prop: "开单价" },
        { name: "日促底价", prop: "日促底价" },
        { name: "大促底价", prop: "大促底价" },
        { name: "折扣费率", prop: "折扣费率" },
        { name: "赠品费率", prop: "赠品费率" },
        { name: "折扣率", prop: "折扣率" }

      ],
      //增删查改的对象属性
      updateItems: [//edit是回复
        { name: "文件名称", prop: "fileName", type: "input", disabled: true },
        { name: "上传类型", prop: "uploadType", type: "select" },
        { name: "备注", prop: "remark", type: "textarea" },
        { name: "上传文件", prop: "fileAdd", type: "upload" },
      ],
      //增删查改的对象属性的下拉select或者级联cascader
      optionList: {
        unit: [
          { label: "日", value: "日" },
          { label: "周", value: "周" },
          { label: "月", value: "月" },
          { label: "年", value: "年" },
        ],
        platform: [
          { label: "天猫", value: "天猫" },
          { label: "抖音", value: "抖音" },

        ]
      },
      //增删查改方法参数
      methodParam: "getHuopan",
      //自定义btn功能
      Btn: {
        search: true, //查询按钮
        add: false, //添加按钮
        edit: false, //回复按钮
        detail: false, //详情按钮
        delete: false, //删除按钮
        deletes: false, //批量删除按钮
        export: true, //导出按钮
        templateDownload: false, //模板下载按钮
        upload: false, //上传按钮
      },
      //后端人员修改-E
    };
  },
  components: {
    BaseTable
  },
  created() {
    let _this = this

  }
};
</script>
<style scoped lang="less">
.mainTable {
  background-color: #f1f2f9;

  ::v-deep {
    .header-query {
      width: 350px !important;
    }

    .search-input {
      margin-right: 0 !important;
    }
  }
}
</style>